/* 空值 */
.empty-tips {
	padding: 100px 0;
	text-align: center;
	color: #888888;
}

.indexChooseCard-swiper {
	height: 369px;
	width: 100%;

	.swiper-item {
		position: relative;

		.slide-image {
			transition: all 0.25s;
			width: 600px;
			height: 300px;
			background: rgba(0, 0, 0, 1);
			border-radius: 20px;
		}

		.kdImg {
			height: 366px;
			border-radius: 20rpx;
			width: 606px;
		}

		.slide-image-active {
			height: 366px;
			border-radius: 20rpx;
			width: 606px;
		}

		.slide-image-noActive {
			height: 300px;
		}

		.current-grade {
			position: absolute;
			top: 0;
			left: 0;
			width: 141px;
			height: 53px;
			background: rgba(252, 177, 66, 1);
			border-radius: 20px 0px 20px 0px;
			font-size: 24px;
			font-weight: 400;
			color: rgba(0, 0, 0, 1);
			text-align: center;
			line-height: 53px;
		}
	}
}

/*指示器*/
.swiper-indicator {
	margin: 0 auto;
	margin-top: 29px;
	margin-bottom: 43px;

	.lf-div:not(:first-child) {
		margin-left: 13px;
	}

	.indicator {
		width: 20px;
		height: 20px;
		background: rgba(234, 234, 234, 1);
		border-radius: 50%;
	}

	.indicator-active {
		width: 43px;
		height: 13px;
		background: rgba(153, 153, 153, 1);
		border-radius: 7px;
	}
}

.balanceRecharge {
	background-color: #fff;
	width: 100vw;
	/* min-height: 90vh; */
	padding-bottom: 230px;
	padding-left: 20px;
	overflow-x: hidden;
}

.open-card {
	height: 88px;
	width: 100%;
	margin-top: 30px;
}

.open-btn {
	width: 600px;
	height: 88px;
	border-radius: 44px;

	font-size: 32px;
	font-family: PingFang SC;
	font-weight: 400;
}

/* 充值 */
.recharge-item-container {
	.info-header {
		margin-top: 40px;
		margin-bottom: 40px;

		._h2 {
			font-size: 32px;
			font-weight: 400;
			color: rgba(136, 136, 136, 1);
		}
	}

	.recharge-quick {
		flex-wrap: wrap;
		width: 100%;

		.rechargeBox {
			position: relative;
			/* background: skyblue; */

			.recharge-quick-item {
				box-sizing: border-box;
				position: relative;
				margin-right: 20px;
				margin-bottom: 26px;
				text-align: center;
				line-height: 70px;
				width: 223px;
				height: 150px;
				background: #f6f6f6;
				border-radius: 13px;
				font-size: 36px;
				font-weight: 400;
				color: rgba(0, 0, 0, 1);
				border: 2px solid #f6f6f6;

				.text {
					margin-top: 29rpx;
					margin-bottom: 15rpx;
				}

				.get_money {
					font-size: 26px
				}

				.upDataLogo {
					position: absolute;
					top: -13px;
					right: -5px;
					width: 87px;
					height: 48px;
				}

				.selecImg_box {
					width: 80px;
					height: 80px;
					position: absolute;
					bottom: -1px;
					right: -1px;
					overflow: hidden;
					border-radius: 13px;

					.selecImg {
						position: absolute;
						width: 150px;
						height: 100px;
						top: 40px;
						left: 35px;
						font-size: 30px;
						color: white;
						text-align: left;
						line-height: 100px;
						transform: rotate(40deg);

						.iconfont {
							transform: rotate(-50deg);
							margin-left: 4px;
							margin-top: 6px
						}
					}
				}
			}

			.isactive {
				border: 2px solid #fcb142;
				background-color: rgba(252, 177, 66, 0.1);
			}

			.rewardBox {
				background: pink;
				box-sizing: border-box;
				margin-right: 20px;
				margin-bottom: 26px;
				width: 94vw;
				overflow: hidden;
				border-radius: 13px;
				position: absolute;
				top: 200x;
				left: 0;
				z-index: 100;
				opacity: 0.5;
			}
		}
	}
}

/* 充值输入框 */
.radian-recharge {
	overflow: hidden;
	width: 711px;
	height: 147px;
	background: #f6f6f6;
	border: 2px solid #f6f6f6;
	border-radius: 13px;

	.recharge-input {
		position: relative;

		.balanceInputClass {
			height: 30px;
			font-size: 36px;
			color: #333;
			width: 100%;
		}

		height: 150px;
		padding: 20px 40px;

		.title {
			font-size: 32px;
			font-weight: 400;
			color: #000;
		}

		.placeholderClass {
			font-size: 26px;
			font-weight: 400;
			color: #a3a3a3;
		}

		._input {
			height: 30px;
			line-height: 30px;
		}

		.get_money {
			font-size: 32px;
			font-weight: 400;
			color: #000;
			position: absolute;
			right: 40px;
			bottom: 20px;
		}
	}
}

//充值成功奖励
.recharge-success-reward {
	margin-top: 67px;

	._h2 {
		margin-bottom: 39px;
		font-size: 32px;
		font-weight: bold;
		color: rgba(0, 0, 0, 1);
	}

	.reward-item {
		margin-bottom: 27px;

		._h3 {
			width: 13px;
			height: 13px;
			background: rgba(252, 177, 66, 1);
			border-radius: 50%;
		}

		._h4 {
			margin-left: 14px;
			font-size: 32px;
			font-weight: 400;
			color: rgba(0, 0, 0, 1);
			line-height: 44px;
		}
	}
}

/* 开卡描述 */
.openCard_box {
	width: 711px;
	padding-bottom: 43px;
	overflow-x: hidden;
	overflow: hidden;
	box-sizing: border-box;
	background: #ffffff;
	position: fixed;
	bottom: 0;
	z-index: 10;

	.openDes {
		width: 711px;
		text-align: center;
		font-size: 26px;
		margin: 26px 0 26px 0;
		color: #7e7e7e;
		padding: 8px 0;
	}

	//确认充值按钮
	.confirm-recharge {
		._h4 {
			width: 600px;
			height: 88px;
			background: rgba(252, 177, 66, 1);
			border-radius: 44px;
			font-size: 32px;
			color: rgba(0, 0, 0, 1);
			text-align: center;
			line-height: 88px;
			margin: 0 auto;
		}
	}
}

.sms-box {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);

	.sms-content {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: column;
		width: 600rpx;
		height: 502rpx;
		margin: 0 auto;
		border-radius: 15rpx;
		text-align: center;
		background: #fff;
		overflow: hidden;
		transition: top 0.2s linear 0.2s;
		.con {
			box-sizing: border-box;
			padding: 60rpx;
			flex: 1;

			.close {
				position: absolute;
				right: 24px;
				top: 8px;
				font-size: 42rpx;
			}

			.title {
				font-size: 32rpx;
				font-weight: bolder;
			}

			.text {
				width: 100%;
				line-height: 56rpx;
				font-size: 32rpx;
				color: #131313;
				margin: 60rpx auto 24rpx;
			}

			.input-wrap {
				position: relative;
				width: 100%;
				display: flex;
				justify-content: center;
				align-items: center;
				margin-bottom: 20rpx;

				.input {
					flex: 1;
					font-size: 28rpx;
					text-align: left;
					border-bottom: 1rpx solid #E3E3E3;
				}

				.sms-btn {
					flex: 0 0 175rpx;
					width: 175rpx;
					height: 48rpx;
					line-height: 48rpx;
					text-align: center;
					font-size: 28rpx;
					z-index: 1;
					color: #FDC43B;
					border: 1rpx solid #FDC43B;
					border-radius: 48rpx;
				}
			}
		}

		.btn {
			box-sizing: border-box;
			flex: 0 0 90rpx;
			width: 100%;
			height: 90rpx;
			line-height: 90rpx;
			font-size: 32rpx;
			font-weight: bold;
			color: #fff;
			margin: 0 auto;
			border-radius: 0;
		}
	}
}
